/**
 * Created by Administrator on 2017/9/25.
 */


$(function () {

    $("#footer").css("margin-top","400px")


    //获得cookie的内容放到头部
    var ect=JSON.parse($.cookie("myLogin"));
    if(ect){
        $("#header .wrapper-l").children().eq(0).html("欢迎"+ect.utel+"登录");
        $("#header .wrapper-l").children().eq(1).html("<a href='#'>退出</a>");
    }


    //头部移入下拉
    var headerLi=$("#header").find(".header-ul>li");
    headerLi.on("mouseenter",function () {
        $(this).find("ul").stop().slideDown()
    })
    headerLi.on("mouseleave",function () {
        $(this).find("ul").stop().slideUp()
    })


    //点击侧边栏
    var flag=true;
    $("#aside .aside-l").find("li").on("click",function () {
        if(flag){
            flag=false;
            $("#aside").stop().animate({right:0},300);
        }else if(flag==false){
            $("#aside").stop().animate({right:-270},300);
            flag=true;
        }
    });
    //点击回退
    $("#aside .aside-r").find("h3").find("span").on("click",function () {
        $("#aside").stop().animate({right:-270},300);
        flag=true;
    })
    //点击删除
    $("#aside .aside-r").find("ul").find("em").on("click",function () {
        $(this).parents("li").remove();
    })
    //移入出来
    $("#aside .aside-l").find("li").on("mouseenter",function () {
        $(this).find("em").stop().animate({opacity:1,left:-80,},300)
    });
    //移出消失
    $("#aside .aside-l").find("li").on("mouseleave",function () {
        $(this).find("em").stop().animate({opacity:0,left:30,},300)
    })
    //点击回到顶部
    $("#aside .aside-l").find("span").on("click",function () {
        $('body,html').animate({scrollTop:0},500);
    })



    //写购物车,首先获得cookie中的内容
    var cookieAll=$.cookie("myShopcart");
    //首先创建
    if(cookieAll){
        var obj=JSON.parse(cookieAll);
        //放到购物车中
        for(var key in obj){
            var UL=$("#cart .bottom>ul:nth-of-type(2)").clone(true)
            $.ajax({
                url:"../json/detail.json",
                type:"get",
                async:false,
                success:function (res) {
                    for(var key2 in res){
                        if(res[key2].mirror1==obj[key].IMG){
                            UL.children().eq(1).html("<img src='"+res[key2].mirror1+"'>");
                            UL.children().eq(2).html(res[key2].h2);
                            UL.children().eq(3).find("em").html(parseInt(obj[key].Num));
                            UL.children().eq(4).html(res[key2].price);
                            UL.children().eq(6).html(parseInt(res[key2].price)*parseInt(obj[key].Num));
                            $("#cart .bottom").append(UL);
                        }
                    }
                }
            })
        }
        $("#cart .bottom>ul:nth-of-type(2)").remove();

        // 点击显示单个商品
        var Inputs=$("#cart .bottom #tital").siblings("ul").find("input[type='checkbox']");
        for (var i = 0; i<Inputs.length; i++) {
            Inputs[i].onclick=function () {
                var Mon=0;
                for (var j = 0; j < Inputs.length; j++) {
                    if(Inputs[j].checked==true){
                        Mon+=parseInt($(Inputs[j]).parents("ul").find("li").eq(6).html())
                        $("#buy .money").html(Mon);
                        $("#buy .fu").css("background","orange")
                    }else{
                        $("#buy .money").html("");
                        $("#buy .fu").css("background","#999")
                    }
                }
            }
        };


        //删除的全选和反选
        var flag3=true
        $("#buy .all").on("click",function () {
            if(flag3) {
                flag3=false
                $(this).prop("checked", "checked");
                $("#cart .bottom #tital").siblings("ul").find("input").prop("checked","checked");
            }else{
                flag3=true;
                $(this).prop("checked", "");
                $("#cart .bottom #tital").siblings("ul").find("input").prop("checked","")
            }
        });



        //选中点击删除cookie
        $("#buy .del").on("click",function () {
                for (var i = 0; i < Inputs.length; i++) {
                    if (Inputs[i].checked) {
                        obj.splice(i,1);
                        //计算数据
                        $(Inputs[i]).parents("ul").remove();
                        $("#buy .money").html("");
                        $("#aside .aside-r ul li").eq(i).remove()
                        var newCal=parseInt($("#aside .aside-l").find("li").find("i").html())-parseInt($(Inputs[i]).parents("ul").find("em").html())
                        $("#aside .aside-l").find("li").find("i").html(newCal);
                        $("#aside .aside-r .cal").find("em").html(newCal);
                        var newPrice=parseInt($("#aside .aside-r .sum").find("em").html())-parseInt($(Inputs[i]).parents("ul").find("li").eq(6).html());
                        $("#aside .aside-r .sum").find("em").html(newPrice);
                    }
                };

                //设置cookie
                $.cookie("myShopcart",JSON.stringify(obj),{expires: 7});
            });


        //商品放到侧边栏中
        var cal=0;
        var sum2=0
        for(var key4 in obj){
            var Celi=$("#aside .aside-r ul li").eq(0).clone(true);
            $.ajax({
                url:"../json/detail.json",
                type:"get",
                async:false,
                success:function (res) {
                    for(var key5 in res){
                        if(res[key5].mirror1==obj[key4].IMG){
                            Celi.children().eq(0).attr("src",res[key5].mirror1)
                            Celi.children().eq(1).html(res[key5].h2)
                            Celi.children().eq(2).html("<span>"+res[key5].price+"<i>"+obj[key4].Num+"</i></span>");
                            $("#aside .aside-r ul").append(Celi);
                            sum2+=parseInt(obj[key4].Num)*parseInt(res[key5].price)
                        }
                    }
                }
            });

            cal+=parseInt(obj[key4].Num);
            //侧边栏中的商品数量
            $("#aside .aside-l").find("li").find("i").html(cal);
            $("#aside .aside-r .cal").find("em").html(cal);
            $("#aside .aside-r .sum").find("em").html(sum2);

        };
        //删除原来的元素
        $("#aside .aside-r ul").find("li").eq(0).remove();

    }else{
        $("#cart .bottom>ul:nth-of-type(2)").remove();
        $("#aside .aside-r ul").find("li").eq(0).remove();
    }




    //点击增商品
    $("#cart .add").on("click",function () {
        var test=$(this).parents("ul").find("li").eq(0).find("input").get(0);
        var index=$(this).parents("ul").index()-2;
        if(test.checked==true){
            var num3=0;
            for(var key3 in obj){
                if(obj[key3].IMG==$(this).parents("ul").find("img").attr("src")){
                    if(parseInt(obj[key3].Num)<10){
                        $(this).siblings("em").html(parseInt(obj[key3].Num)+1);
                        obj[key3].Num=parseInt(obj[key3].Num)+1;

                        // 计算侧边栏的商品数量
                        $("#aside .aside-r").find("li").eq(index).find("i").html(parseInt(obj[key3].Num));
                        //从新设置cookie进行覆盖；
                        $.cookie("myShopcart",JSON.stringify(obj),{expires: 7});
                        var Price=$(this).siblings("em").html()*$(this).parents("ul").children().eq(4).html()
                        $(this).parents("ul").children().eq(6).html(Price);
                        //点击计算新的价格
                        $("#buy .money").html(parseInt($("#buy .money").html())+parseInt($(this).parents("ul").children().eq(4).html()));

                    }
                }
                //侧边栏中的商品总数量
                num3+=parseInt(obj[key3].Num);
                $("#aside .aside-l").find("li").find("i").html(num3);
                $("#aside .aside-r .cal").find("em").html(num3);
            };


            //侧边栏总价格
            var licart=$(this).parents(".bottom").find("#tital").siblings("ul");
            var sum=0
            for (var i = 0; i < licart.length; i++) {
                sum+=parseInt(licart[i].getElementsByTagName("li")[6].innerHTML)
            }
            $("#aside .aside-r .sum").find("em").html(sum);
        }
    });

    //点击减商品
    $("#cart .reduce").on("click",function () {
        var test=$(this).parents("ul").find("li").eq(0).find("input").get(0);
        var index=$(this).parents("ul").index()-2;
        if(test.checked==true){
            var num2=0;
            for(var key3 in obj){
                if(obj[key3].IMG==$(this).parents("ul").find("img").attr("src")){
                    if(parseInt(obj[key3].Num)>1){
                        $(this).siblings("em").html(parseInt(obj[key3].Num)-1);
                        obj[key3].Num=parseInt(obj[key3].Num)-1;

                        // 计算侧边栏的商品数量
                        $("#aside .aside-r").find("li").eq(index).find("i").html(parseInt(obj[key3].Num));

                        $.cookie("myShopcart",JSON.stringify(obj),{expires: 7});
                        var Price=$(this).siblings("em").html()*$(this).parents("ul").children().eq(4).html()
                        $(this).parents("ul").children().eq(6).html(Price);
                        //点击计算新的价格
                        $("#buy .money").html(parseInt($("#buy .money").html())-parseInt($(this).parents("ul").children().eq(4).html()));

                    }
                }
                //侧边栏中的商品数量
                num2+=parseInt(obj[key3].Num);
                $("#aside .aside-l").find("li").find("i").html(num2);
                $("#aside .aside-r .cal").find("em").html(num2);
            }
            //侧边栏总价格
            var licart=$(this).parents(".bottom").find("#tital").siblings("ul");
            var sum=0
            for (var i = 0; i < licart.length; i++) {
                sum+=parseInt(licart[i].getElementsByTagName("li")[6].innerHTML)
            }
            $("#aside .aside-r .sum").find("em").html(sum);
        }
    });

    //点击全选商品
    var flag2=true
    $("#tital").find("input").on("click",function () {
        if(flag2){
            flag2=false
            $(this).parents(".bottom").find("input").prop("checked","checked");
            //计算商品
            var licart=$(this).parents(".bottom").find("#tital").siblings("ul");
            var sum=0
            for (var i = 0; i < licart.length; i++) {
                sum+=parseInt(licart[i].getElementsByTagName("li")[6].innerHTML)
            }
            $("#buy .money").html(sum);
            $("#buy .fu").css("background","orange")
        }else{
            flag2=true;
            $(this).parents(".bottom").find("input").prop("checked","");
            $("#buy .money").html("");
            $("#buy .fu").css("background","#999")
        }

    })



})
















